﻿<div class="form-group" ng-show="!status.loggedin">
    <label class="control-label">UserName</label>
    <input class="form-control" ng-model="user.username" placeholder="User Name" /><br />
    <label class="control-label">Password</label>
    <input class="form-control" ng-model="user.password" placeholder="Password" /><br />
    <button class="btn btn-default" ng-click="dologin()">Login</button>
</div>

<div ng-show="status.loggedin">
    <h1>Welcome {{userInfo.name}} - {{userInfo.userType}}</h1>
    <button class="btn btn-danger" ng-click="logout()">Logout!!!!!!!</button>
</div>

<div ng-show="status.loggedin">
    <table class="table table-striped table-responsive" ng-repeat="obj in chores">
        <tr>
            <td>
                {{obj.choreID}}
            </td>
            <td>
                {{obj.title}}
            </td>
        </tr>
    </table>
    <ul class="pagination">
        <li><a ng-click="page(1)">1</a></li>
        <li><a ng-click="page(2)">2</a></li>
        <li><a ng-click="page(3)">3</a></li>
    </ul>
</div>